<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>K4</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/首页.css"/>
		<link rel="stylesheet" href="css/jquery.slide.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/2.css"/>
		<link rel="stylesheet" type="text/css" href="css/3.css"/>
		<link rel="stylesheet" type="text/css" href="css/video.css"/>
		<link rel="stylesheet" type="text/css" href="css/choujiang.css"/>
	</head>
	<body>
		<div id="win">
             <img src="img/commen_close.png" class="quit1"/>
             <div id="con"></div>
         </div>
         <div id="zhebu"></div>
         <div id="clock">
			<img src="img/loading_clock.png" id="clockLoading"/>
			<img src="img/loading_pointer.png" id="clockPointer"/>
			<p class="clockP">拼命加载中:0%</p>
		</div>	
		<!--首页-->
		<div id="homeBackground">
			<!--钟表转动-->
				
			<!--弹框说明-->
			<div id="bomBox" style="display: none;">
				<img src="img/commen_close.png" class="close"/>
				<h2>活动说明</h2>
				<div id="content">
				<p id="p1">自12月19号起至1月2号,参与"长安马自达《老炮儿》飙车赢好礼"活动",就有机会获得2015年12月至2016年2月之间的时光网免费电子兑换票!<br />
				与长安马自达一起飙车!观影!过大年!跨来参加吧!<br />
				奖项设置:获胜用户可获得由长安马自达提供的时光网免费电子兑换票2张。<br />
				<br />
				特别说明:
				<br />
				参与者一旦参加本次活动,即视为统一并接受一下内容:
				<br />
				1 参与者应保证其参加本次活动时提交的个人信息真实准确有效,如因提交的手机信息有误导致奖品无法发放,将视为自动放弃,时光网不另行安排不发奖品;<br />
				2 手机号码确认中奖和发奖的唯一凭证,请正确填写并保证手机号码畅通,如因填写错误或手机不畅通造成的发奖不成功,将视为放弃中奖资格,并不予重新更正发放:<br />
				3 本活动奖品之寄送地址仅限中国大陆地区;<br />
				4 本活动奖品不得转换 转让或折换现金;<br />
				5 活动期间,严禁通过使用第三方软件 便携代码 黑客攻击 非正常操作流程 非正确手机号或资料信息等手段和方式以获取抽奖机会饿行为,一经发现,将取消已获得的抽奖资格及已获奖奖项;<br />
				6 如遇不可抗力因素,Mtime时光网有权终止活动,有权以相同价值产品替代已公布奖项;<br />
				7 或许这故事亦是谁共你的故事吧,真的好想精于某事情,好想好好的打拼,可惜得到只有劣评 没有半粒星,真的不想早给你定型,笑我那么的拼命,几年来毫无成绩,地位未有跃升<br />
				8 高峰上不成 唯盼爱情顺景 成就在平凡里 那份温馨 我试着生性 但求父母亲高兴 假如凡事都失败 也许得爱恋先可以得胜 Do do lu do do lu do do lu即使险胜<br />
				9 人的一生，总是在追求自由的一生，青春的激情会随着岁月的风蚀而消逝殆尽。活着是件很美好的事情，但是，请别忘了来时的路。　我们往往在某个时刻，觉得自己很不自由。但是你是否应该明白，今天的不自由，便是为了明天的自由过渡。　人们总是不珍惜今天的生活，欲望幻想<br />
				10 洋洋人生如戏一场，芸芸众生各属一角。此戏说长便长，论时百年；说长便短，稍纵即逝。生命沧海一粟，在万物中脆弱瞬间即逝为最，随风而来，随风为土，虽说百年，亦不过宇宙间流星划过夜空，一闪而过，无迹无痕，虽曾有闪烁，但即刻消失的无影无踪。无论此戏是悲是喜<br />
				11 不知道何时开始的，很容易让自己跌进回忆里，一个很久不曾拾起的小物件，或一个似曾相识的场景，就把我拉进过去，遇见过去的自己。其实骨子里我喜欢安静可又害怕死寂，总想在繁华的城市选一个安静的角落，卸下所有的焦躁和不安，和过去所有的不开心不快乐说再见，然后<br />
				12 人生最大的财富是健康 健康应该是最大的财富。但是，每一个身体健康的人都不会把这个压底的宝亮出来示人的。有的时候、有的人甚至活一生都没有晒晒自己的宝，等有机会了，却没能力拿出来晒了。其实健康指身心，非单指身体。在当今物欲横流之世，国人有几个是心态健<br />
				13 人生天地间，如风中划过的一抹飞絮，往事的一幕幕，也不曾留下什么痕迹，看白云悠悠看流水远去，谁都没有回头，只有奔流，游走。 人生如水，如飞流直落九天的万丈银河，如波涛汹涌万浪浊空的浩浩长江，亦如静谧深邃而又汹涌澎湃的浩渺沧海，无论是什么它都奔腾不息，勇<br />
				14 几番思念，几多红尘，人生是迷，往事如风， 醉意人生，岁月迷离，情仇爱恨，何必去忧， 红尘陌陌，人生一季，几许欢乐，几许惆怅， 人生是迷，恩恩怨怨，几多是非，几多欢喜， 几许人生，几许愁绵，几许爱恋，几许尘缘， 茫茫人生，淡淡红尘，岁月无情，流年有爱， 几<br />
					</p>
						</div>			
					<div class="slider_mod">
						<div class="slider"></div>		
					</div>
			
			</div>		
			<div class="top">
                    <div class="share_btn"></div>
                </div>
             <div id="main">
             	<ul class="nav">
             		<li class="nav_homePage fl">首页</li>
             		<li class="fl">活动说明</li>
             		<li class="fl"><a href="#video">精美视频</a></li>
             		<li class="fl"><a href="http://www.dyk.com.cn/k4/">访问官网</a></li>
             		<li class="fl zhongjiangmingdan">中奖名单</li>
             	</ul>
             	<div class="btn_next js_toLayerInfo"></div>
                <div class="car"></div>
             </div>
             <div id="tab">
                 <div id="tab_one" >
                 	<img src="img/page1_btn_video_active.png" class="video_tab"/>
                 	<video src="video/video.mp4" class="tab_one_video" id="video"></video>
                 	<img src="img/page1_video_poster.png" class="video_zhebu">
                 </div>
                 	<img src="img/page1_btn_pic.png" class="liangdian"/>
                 <div class="focus_box" style="display: none;">
					<ul class="focus_bd">
						<li><img src="img/1.jpg" alt="" /></li>
						<li><img src="img/2.jpg" alt="" /></li>
						<li><img src="img/3.jpg" alt="" /></li>
						<li><img src="img/4.jpg" alt="" /></li>
						<li><img src="img/5.jpg" alt="" /></li>
					</ul>
					</div>
             </div>
             
             <!--试试手气-->
             <div id="shouqi" style="display: none;">
             	<img src="img/commen_close.png" class="quit"/>          	
              <!--<form action="" method="post">-->
                    <p class="clearfix">
                       <span class="span_top">*姓名:</span>
						<input type="text" name="user_name" id="user_name" value="" />
                    </p>
                    <p class="clearfix mt1">
                        <span class="telephone">*手机号:</span>
						<input type="text" name="telephone" id="telephone" value="" />
                    </p>
                    <p class="clearfix mt1">
                        <label for="yuyue" class="ml42">是否预约试驾:</label>
                        <span class="yes">是</span>
                        <input type="radio" name='yuyue' value="yes"  checked class="checked">
                        <span class="ml25">否</span>
                        <input type="radio" name='yuyue' value="no" class="no">
                    </p>
                    <p class="clearfix mt1">
                        <span class="sheng">*所在省份:</span>
                        
                           <select name="province" id="province" selectedindex="11">
									<option value="">请选择</option>
									<option value="">请选择</option>
									<option value="2">北京</option>
									<option value="24">上海</option>
									<option value="25">天津</option>
									<option value="31">重庆</option>
									<option value="130000">河北省</option>
									<option value="140000">山西省</option>
									<option value="150000">内蒙古自治区</option>
									<option value="210000">辽宁省</option>
									<option value="220000">吉林省</option>
									<option value="230000">黑龙江省</option>
									<option value="320000" selected="selected">江苏省</option>
									<option value="330000">浙江省</option>
									<option value="340000">安徽省</option>
									<option value="350000">福建省</option>
									<option value="360000">江西省</option>
									<option value="370000">山东省</option>
									<option value="410000">河南省</option>
									<option value="420000">湖北省</option>
									<option value="430000">湖南省</option>
									<option value="440000">广东省</option>
									<option value="450000">广西壮族自治区</option>
									<option value="460000">海南省</option>
									<option value="510000">四川省</option>
									<option value="520000">贵州省</option>
									<option value="530000">云南省</option>
									<option value="540000">西藏自治区</option>
									<option value="610000">陕西省</option>
									<option value="620000">甘肃省</option>
									<option value="630000">青海省</option>
									<option value="640000">宁夏回族自治区</option>
									<option value="650000">新疆维吾尔自治区</option>
									<option value="710000">台湾省</option>
									<option value="810000">香港特别行政区</option>
									<option value="820000">澳门特别行政区</option>
							</select>                       
                        <span class="fl" id="a">省</span>
                            <select name="city" id="city" onchange="getdealers();" selectedindex="0">
                            
                            </select>
                        <span class="fl" id="b">市</span>
                    </p>
                    <p class="clearfix mt1">
                        <label for="agency" class="fl" id="maijia">*选择经销商：</label>
                        <span class="agency fl">
                            <select name="agency" id="agency" class="fl">
                                <option value="">请选择</option>
                            </select> 
                        </span>
                    </p>
                    <p class="clearfix mt1" >
                        <label for="car" class="fl" id="carModel">*选择车型：</label>
                        <span class="selectcar fl">
                            <select name="car" id="model" class="fl">
                                <option value="">请选择</option>
                                <option value="1.8L LUX AT">1.8L LUX AT</option>
                                <option value="2.0L LUX AT">2.0L LUX AT</option>
                                <option value="2.0L PRM AT">2.0L PRM AT</option>
                                <option value="1.6T Turbo DCT">1.6T Turbo DCT</option>
                                <option value="1.6T T-PRM DCT">1.6T T-PRM DCT</option>
                                <option value="1.8L GL MT">1.8L GL MT</option>
                                <option value="1.8L GL AT">1.8L GL AT</option>
                                <option value="1.8L GLS AT">1.8L GLS AT</option>
                                <option value="1.8L DLX AT">1.8L DLX AT</option>
                                <option value="1.8L GLS Special">1.8L GLS Special</option>
                                <option value="1.8L DLX Special">1.8L DLX Special</option>
                                <option value="1.6T Special DCT">1.6T Special DCT</option>
                            </select> 
                        </span>
                    </p>
                    <p class="clearfix mt1">
                        <label for="time" class="fl" id="goumai">*预计购车时间：</label>
                        <span class="time fl">
                            <select name="time" id="time" class="fl">
                                <option value="">请选择</option>
                                <option value="0~3个月内">0~3个月内</option>
                                <option value="4~6个月内">4~6个月内</option>
                                <option value="7~9个月内">7~9个月内</option>
                                <option value="10~12个月内">10~12个月内</option>
                            </select> 
                        </span>
                    </p>
                    
                    <div class="btn_submit">
                       <img src="img/layer_info_submit.png" id="tijiao"/>                
                    </div>
                <!--</form>-->           
              </div>
		</div>
		<div id="container">
			<div class="imgBottom">
				<img src="img/page2_btn_intro.png" class="imgBottomOne" />
			    <img src="img/page2_btn_start.png" class="imgBottomTwo"/>
			</div>
		</div>
		<div id="container1">
			<div class="imgContainer">
				<!--下边四个圆-->
				<div class="circle1">
					<img src="img/7705_1453779100.png" class="img1"/>
				</div>
				<div class="circle2">
					<img src="img/6240_1453779101.png" class="img2"/>
				</div>
				<div class="circle3">
					<img src="img/4536_1453779106.png" class="img3"/>
				</div>
				<div class="circle4">
					<img src="img/912_1453779104.png" class="img4"/>
				</div>
			</div>
				<!--上边的切换-->
				<div class="page1">
					<!--红色点-->
					<img src="img/1536_1453779105.png" class="page1One"/>
					<!--横杠-->
					<img src="img/3046_1453779101.png" class="page1Two"/>
					<!--发动机-->
					<img src="img/7705_1453779100.png" class="page1Three"/>
					<!--字儿-->
					<img src="img/2062_1453779100.png" class="page1Four"/>
					<!--亮点-->
					<!--<img src="img/2407_1453779106.png" class="page1Five"/>-->

					<img src="img/1536_1453779105.png" class="page2One"/>
					<img src="img/6253_1453779102.png" class="page2Two"/>
					<img src="img/6240_1453779101.png" class="page2Three"/>
					<img src="img/2740_1453779102.png" class="page2Four"/>
					<!--<img src="img/2407_1453779106.png" class="page2Five"/>-->
					
					<img src="img/1536_1453779105.png" class="page3One"/>
					<img src="img/6253_1453779102.png" class="page3Two"/>
					<img src="img/2488_1453779103.png" class="page3Three"/>
					<img src="img/8268_1453779103.png" class="page3Four"/>
					<!--<img src="img/2407_1453779106.png" class="page3Five"/>-->
					
					<img src="img/1536_1453779105.png" class="page4One"/>
					<img src="img/6253_1453779102.png" class="page4Two"/>
					<img src="img/912_1453779104.png" class="page4Three"/>
					<img src="img/9228_1453779104.png" class="page4Four"/>
					<!--<img src="img/2407_1453779106.png" class="page4Five"/>-->
				</div>
			<div class="bg_circle"></div>
			<img src="img/2407_1453779106.png" class="liangdian"/>
			<img src="img/5865_1453779098.png" class="cark4"/>
			<img src="img/page3_btn_start.png" class="page3_btn_start"/>
		</div>
		<canvas class="video"></canvas>
		<img src="img/page4_tip.png" class="wrap"/>
		<div class="box">
			<p class="success">成功抵达</p>
			<p class="xiazhu">下注试试运气吧</p>
			<p class="win1">赢者可兑《澳门风云2》影票</p>
			<select name="selectName"  id="textName">
				<option value = "1">选 择 点 数 ：0 - 36点</option>
				<option value = "2">选 择 点 数 ：0 - 6点</option>
				<option value = "3">选 择 点 数 ：7 - 12点</option>
				<option value = "4">选 择 点 数 ：13 - 18点</option>
				<option value = "5">选 择 点 数 ：19 - 24点</option>
				<option value = "6">选 择 点 数 ：25 - 30点</option>
				<option value = "7">选 择 点 数 ：31 - 36点</option>
			</select>
			<div class="choujiang">
				<img src="img/8696_1453854253.png" id="zhuanpan"/>
				<div class="tip">
					<img src="img/3375_1453854403.png"/>
				</div>
				
			</div>
			<img src="img/1093_1453854255.png" id="dianji"/>
			<div class="zhongjiang">
				<div class="kuai"></div>
				<img src="img/layer_prize.png"/>
			</div>
		</div>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>	
	<script src="js/tween.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/判断设备类型.js"></script>
	<script type="text/javascript" src="js/切换视频和图片.js"></script>
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/jquery.slide.js"></script>
	<script type="text/javascript" src="js/select.js"></script>
	<script type="text/javascript" src="js/allDealersData.js"></script>
	<script type="text/javascript" src="js/dealersData.js"></script>
	<script type="text/javascript" src="js/后台联系.js"></script>
	<script src="js/yujiazai.js" type="text/javascript" charset="utf-8"></script>	
	<script src="js/判断设备类型.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/准备.js" type="text/javascript" charset="utf-8"></script>	
	<script src="js/3.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/2.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/video.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/choujiang.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
			$(".focus_box").slide({
			isAuto: true, //是否自动轮播，默认为true
			hasNext: true, //是否有下一个按钮，默认为true
			hasPrev: true, //是否有上一个按钮，默认为true
			activeIndex: 0, //当前展示图片索引，默认0
			speed: 300, //动画速度
			time: 3000 //间隔时间
			});
			//首页点击视频文字的平滑效果
	$(function(){  
	 	 $('a[href*=#],area[href*=#]').click(function() {
	   	 		if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
	      var $target = $(this.hash);
	      	$target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
	     		 if ($target.length) {
	        			var targetOffset = $target.offset().top;
	        			$('html,body').animate({
	         		 scrollTop: targetOffset
	       			 },
	        		1000);
	        return false;
	      }
	    }
	  });
	})
	</script>	
	<script type="text/javascript">
		var dealerOptions = {
			data: data
		}
		var areaSel = new select(dealerOptions);
		areaSel.bind('#province', 320000);
		areaSel.bind('#city', 320900);
	</script>
	<script type="text/javascript">
		function getdealers(cityval) {
			var city = $("#city");
			if(!cityval) {
				cityval = city.val();
			}
			var dealerids = "";
			var dealers_lists;
			var opt_title = "";
			dealers_lists = dealersData[cityval];
			dealers_lists = eval("(" + dealers_lists + ")");
			console.log(dealers_lists);
			console.log(typeof dealers_lists)
			if(dealers_lists && dealers_lists.length > 0) {
				for(var i = 0; i < dealers_lists.length; i++) {
					$('#agency').append('<option value="' + dealers_lists[i].name + '">' + dealers_lists[i].name + '</option>');
				}
			}
		}
		var btn = document.getElementById("tijiao");
		var name1 = document.getElementById("user_name");
		var tel = document.getElementById("telephone");
	</script>
</html>
